<!DOCTYPE html>
<html lang="ch-zn">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0">
		<title>专案投入时间详情</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
		<article>
			<header>
				<a href="" class="icon-button left auto-width"><span class="icon icon-return"></span>返回</a>
				<!-- 对应专案名称 -->
				<h1>资产云工程效率</h1>
			</header>
			<section>
					<!-- 总计、今日、昨日数据展示 -->
				<div class="impo-data">
					<!-- 今日 单独一行-->
					<div class="today">
						<h2>今日</h2>
						<div class="hour-container">
							<span class="hour">4</span>
							<button class="btn-edit" type="button">修改</button>
						</div>
					</div>
					<!-- 总计投入、昨日共用一行 -->
					<div class="container">
						<!-- 总计投入 -->
						<div class="total">
							<h2>总计</h2>
							<span class="hour">31</span>
						</div>

						<!-- 昨日-->
						<div class="yesterday">
							<h2>昨日</h2>
							<!-- 有投入时显示 -->
							<span class="hour">2</span>
							<!-- 未投入时显示 -->
							<span class="null"></span>
						</div>
					</div>
				</div>

				<!-- 记录列表 -->
				<!-- 当未录入备注时,系统随机分配：Perfect！/Good Job！/Nice！/Cool！ -->
				<ul class="record">
					<li>
						<span class="date">今天</span>
						<!-- 今天不显示小时数 -->
						<span class="hour"></span>
						<p class="remark">完成了原型稿的设计，基本没问题，明日设计UI部分/暂时没有想说的...</p>
					</li>
					<li>
						<span class="date">9-20</span>
						<span class="hour">11 h</span>
						<p class="remark">还有一些问题亟待解决</p>
					</li>
					<li>
						<span class="date">9-19</span>
						<span class="hour">5 h</span>
						<p class="remark">Perfect！</p>
					</li>
					<li>
						<span class="date">9-18</span>
						<span class="hour">2 h</span>
						<p class="remark">Good Job！</p>
					</li>
					<li>
						<span class="date">9-17</span>
						<span class="hour">10 h</span>
						<p class="remark">已经定稿</p>
					</li>
					<li>
						<span class="date">9-16</span>
						<span class="hour">3 h</span>
						<p class="remark">Nice！</p>
					</li>
					<li>
						<span class="date">9-15</span>
						<span class="hour">2 h</span>
						<p class="remark">Cool！</p>
					</li>
				</ul>
			</section>
		</article>
	</body>
</html>